// 书籍详情
.book-detail {
  display: flex;
  align-items: center;
  padding: 40rpx 30rpx;
  .book-cover {
    width: 120rpx;
    height: 160rpx;
    box-shadow: 0px 1px 6px 1px rgba($color: #000000, $alpha: 0.2);
    // background-color: pink;
    image {
      width: 100%;
      height: 100%;
    }
  }
  .book-message {
    margin-left: 30rpx;
    font-size: 28rpx;
    .title {
      margin: 15rpx 0;
    }
    .author {
      color: #8a8a8a;
      font-size: 24rpx;
    }
  }
}

// 书籍章节
.book-chapter {
  padding:  30rpx;
  .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    .title-right {
      color: #a9a9a9;
      font-size: 26rpx;
      .iconfont {
        font-size: 26rpx;
      }
    }
  }
  // 章节
  .chapter {
    margin-top: 20rpx;
    // 每一章节
    .chapter-item {
      display: flex;
      justify-content: space-between;
      font-size: 24rpx;
      padding: 20rpx 0;
      color: #9c9c9c;
      border-bottom: 1px dashed #9c9c9c;
      margin-top: 10rpx;
    }
  }

  // 选择章节
  .select-chapter {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40rpx;
    // 每一项
    .select-option {
      width: 30%;
      height: 50rpx;
      padding: 20rpx 0;
      margin-right: 20rpx;
      margin-bottom: 40rpx;
      border-radius: 10rpx;
      background-color: #f6f7fb;
      text-align: center;
    }
    .active {
      width: 30%;
      height: 50rpx;
      padding: 20rpx 0;
      margin-right: 20rpx;
      margin-bottom: 40rpx;
      border-radius: 10rpx;
      color: #fff;
      text-align: center;
      background-color: #456fdd;
    }
  }
}